<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" width="85%" :visible.sync="mixinEdit_editVisible"
    title="活动编辑" append-to-body>

    <LayoutTableSmall>
        <!-- 其他 -->
        <template slot="other"></template>
        <!-- 搜索 -->
        <template slot="search">
        </template>
        <!-- 功能 -->
        <template slot="function">
            <el-button :disabled="mixinList_loading" type="primary" @click="SelectDataGoods()">添加活动商品</el-button>
        </template>
        <!-- 表格 -->
        <template slot="table">
            <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
                :ref="mixinPage_vueName+'TableSmall'" @selection-change="mixinList_handleSelectionChangeTableSmall"
                width="100%">
                <el-table-column type="selection" width="50" align="center"></el-table-column>
                <el-table-column prop="albumUrl" label="封面图" width="65">
                    <template slot-scope="scope">
                        <img style="width: 30px;height: 30px;" :src="scope.row.albumUrl" alt="">
                    </template>
                </el-table-column>
                <el-table-column label="商品名称">
                    <template slot-scope="scope">
                        {{ scope.row.productName }}
                    </template>
                </el-table-column>
                <el-table-column prop="maxSalePrice" label="销售价">
                </el-table-column>
                <el-table-column prop="discountValue" label="折扣">
                </el-table-column>
                <el-table-column label="操作" align="center" width="220">
                    <template slot-scope="scope">
                        <el-button @click="updateGoodsDiscount({ids:[scope.row.id],type:'single'})"
                            v-show="activityStatus == 1 || activityStatus == 2">编辑</el-button>
                        <el-button type="primary" @click="delGoodsDiscount(scope.row.id)"
                            v-show="activityStatus == 1 || activityStatus == 2">移除</el-button>
                    </template>
                </el-table-column>
            </el-table>

        </template>
        <!-- 表格选项 -->
        <template slot="options">
            <el-button :disabled="mixinList_selectTableData.length<=0"
                @click="mixinList_clearSelectionChangeTableSmall()">取消选择
            </el-button>
            <el-button :disabled="mixinList_selectTableData.length<=0"
                @click="updateGoodsDiscount({ids:mixinList_selectTableData,type:'batch'})">批量编辑
            </el-button>
            <el-button :disabled="mixinList_selectTableData.length<=0" @click="mixinList_selectTableDeleteData()">批量移除
            </el-button>
        </template>
        <!-- 分页 -->
        <template slot="page">
            <el-pagination class="paginationStyle" background @current-change="mixinList_pagingData($event)"
                :current-page="mixinList_pageData.pageNum" :page-size.sync="$vFN.Constants.pageSize"
                layout="total, prev, pager, next,jumper" :total.sync="mixinList_pageData.total">
            </el-pagination>
        </template>
    </LayoutTableSmall>

</el-dialog>